<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="description" content="app, web app, responsive, admin dashboard, admin, flat, flat ui, ui kit, off screen nav" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <title>贵金属库存管理平台</title>
    <link rel="stylesheet" href="../tool/layui/css/layui.css" type="text/css" />
</head>
<body >
<div id="app">
    <div class="layui-body" id="content">
        <form class="layui-form">
            <div style="padding: 15px;">
                <div class="layui-form-item">
                    <label class="layui-form-label">贵金属公司</label>
                    <div class="layui-input-block" style="width:50%"  >
                        <select name="public-choice" lay-filter="client" >
                            <option :value="item.companyId" v-for="item in clientList">{{item.companyName}}</option>
                        </select>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">产品</label>
                    <div class="layui-input-block" style="width:50%"  >
                        <select name="public-choice" lay-filter="product" >
                            <option :value="item.productId" v-for="item in productList">{{item.productName}}  </option>
                        </select>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">数量</label>
                    <div class="layui-input-block" style="width:50%">
                        <input v-model="productSize"  type="text" placeholder="请输入" class="layui-input" autocomplete="off">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">价格</label>
                    <div class="layui-input-block" style="width:50%">
                        <input v-model="orderDetailPrice"  type="text" placeholder="请输入" class="layui-input" autocomplete="off">
                    </div>
                </div>
            </div>
        </form>
        <div class="layui-row layui-col-space10">
            <div class="layui-col-md4">
            </div>
            <div class="layui-col-md4">
            </div>
            <div class="layui-col-md4">
                <button class="layui-btn" @click="add()">立即提交</button>
                <button class="layui-btn layui-btn-primary" @click="back()">返回</button>
            </div>
        </div>
    </div>
</div>
<script src="../tool/layui/layui.js"></script>
<script type="text/javascript" src="../tool/js/jquery-1.10.1.js"></script>
<script src="../tool/js/vue.js"></script>
<script src="js/orderAdd.js"></script>
</body>
</html>